<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery-slim.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/details.css">
	<title>details</title>
</head>
<body>

<header>
	<iframe src="header.html" class="my_header" 
	scrolling="no" frameborder="0"></iframe>
</header>

<div class="container mt-2">
	<!--面包屑导航-->
	<ul class="breadcrumb bg-transparent">
		<li class="breadcrumb-item font_small">首页</li>
		<li class="breadcrumb-item font_small">学习用品</li>
		<li class="breadcrumb-item font_small">笔记本电脑</li>
		<li class="breadcrumb-item font_small">AppleMacBookAir</li>
	</ul>
	
	<!--detail-->
	<div class="row mx-0">
		<!--left-->
		<div class="col-sm-12 col-lg-6">
			<img class="w-100" src="../../img/list/57b12a31N8f4f75a3.jpg" alt="">
			<ul class="list-unstyled d-flex justify-content-start my_img1 mt-2">
				<li><img src="../../img/list/57_small.jpg" alt=""></li>
				<li><img src="../../img/list/57_small.jpg" alt=""></li>
			</ul>
		</div>
		<!--right-->
		<div class="col-sm-12 col-lg-6">
			<h4 class="mb-0">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</h4>
			<h6 class="text-dark font_small font-weight-bold">5月焕新季，领券买新机！神券满6000减600！一体成型金属机身，纤薄轻巧，长达12小时续航</h6>
			<!--售价-->
			<div class="alert alert-secondary text-muted font_small">
				<span>学员售价：</span>
				<h3 class="text-primary d-inline-block">￥6988.00</h3>
				<span>服务承诺：*退货补运费 *30天无忧退货 *48小时快速退款 *72小时发货</span>
			</div>
			<div class="d-flex align-items-center">
				<p class="mb-0">客服: </p>
				<a class="font_small text-dark" href="">
					联系客服
					<img class="pb-2" src="../../img/list/kefuf.gif" alt="">
				</a>
			</div>
			<div class="d-flex">
				<div class="w-25">规格: </div>
				<div class="d-flex flex-wrap">
					<a class="btn btn-outline-dark font_small" href="">双核i5/8GB内存/128GB闪存</a>
					<a class="btn btn-outline-dark font_small" href="">双核i5/8GB内存/128GB闪存</a>
					<a class="btn btn-outline-dark font_small" href="">双核i5/8GB内存/128GB闪存</a>
					<a class="btn btn-outline-dark font_small" href="">双核i5/8GB内存/128GB闪存</a>
					
				</div>
				
			</div>
			
		</div>
	</div>

</div>

<footer>
	<iframe src="footer.html" class="my_footer" scrolling="no" frameborder="0"></iframe>
</footer>

</body>
</html>